@charset "utf-8";
/* CSS Document */

*{
margin:0px;
padding:0px;
}

a{
text-decoration:none;
color:#606060;
font-size:12px;
}

a:hover{
text-decoration:underline;
}

img{
border:0px;
}

ul{
list-style:none;
}

p{
font-size:13px;
color:#606060;
}

h2{
font-size:21px;
color:#3d3d3d;
margin-bottom:20px;
font-family: 'Quicksand';
font-weight: 400;
}

h4{
font-size:18px;
color:#303030;
margin-bottom:15px;
font-family: 'Quicksand';
font-weight: 500;
}

body{
background-color:#b0b7bf;
color:#606060;
font-size:12px;
font-family:"Arial";
}

#wrapper{
margin:0px auto;
width:1000px;
}

#pattern{
background:url(images/bg_pattern.png) 0 0 no-repeat;
width:524px;
height:170px;
margin-left:-60px;
}

#top{
background:url(images/top_bg.png) 0 0 no-repeat;
width:1000px;
height:66px;
margin-top:-120px;
}

#logo{
float:left;
margin:20px 0px 0px 30px;
}

#logo a{
text-indent:-9999px;
background:url(images/logo.png) 0 0 no-repeat;
width:175px;
height:22px;
display:block;
}

#search{
float:right;
border:0px;
background:url(images/search_bg.png) 0 0 no-repeat;
width:267px;
height:35px;
margin:15px 27px 0px 0px;
}

#search .field{
border:0px;
margin:3px 0px 0px 15px;
float:left;
color:#6c625f;
font-size:11px;
padding-top:7px;
width:210px;
height:20px;
}

#search_btn{
background:url(images/search_button.png) 0 0 no-repeat;
width:13px;
height:13px;
margin:11px 15px 0px 0px;
border:0px;
float:right;
}

#nav{
width:1000px;
height:44px;
background-color:#f6f6f6;
float:left;
margin-top:1px;
}

#nav ul{
margin:10px 0px 0px 20px;
}

#nav ul li{
float:left;
padding:0px 10px;
border-right:1px solid #e5e5e5;
font-size:11px;
color:#606060;
margin-top:5px;
}

#nav ul li.noborder{
border:0px;
padding:0px;
margin:0px 0px 0px 10px;
}

#nav .login_field{
background:url(images/login_input.png) 0 0 no-repeat;
width:151px;
height:28px;
border:0px;
margin-top:-2px;
padding-left:10px;
color:#666666;
font-size:11px;
}

#nav .login_button{
background:url(images/login_button.png) 0 0 no-repeat;
width:59px;
height:26px;
border:0px;
margin-top:-2px;
color:#fff;
font-size:11px;
font-weight:bold;
}

#nav a{
font-size:11px;
}

#content{
background-color:#fff;
width:1000px;
height:100%;
float:left;
padding-bottom:50px;
}

#soorten{
float:left;
width:210px;
height:100%;
margin-top:15px;
}

#soorten .top{
background:url(images/soorten_top.png) 0 0 no-repeat;
width:204px;
height:54px;
text-align:center;
margin-left:-12px;
}

#soorten .top p{
line-height:45px;
color:#fff;
font-size:14px;
font-family: 'Quicksand';
font-weight: 800;
}

#soorten .bg{
background:url(images/soorten_topbg.png) 0 0 no-repeat #f3f7fd;
width:207px;
height:100%;
}

#soorten .bottom{
background:url(images/soorten_bottombg.png) 0 0 no-repeat;
width:207px;
height:12px;
}

#soorten ul{
list-style:url(images/soortlist-style.png) inside;
margin-left:30px;
}

#soorten li{
margin-top:7px;
}

#soorten li a{
color:#415c63;
}

#wrap{
float:left;
height:100%;
width:790px;
}

.left{
float:left;
width:440px;
padding:50px 40px 0px 35px;
}

.left_wide{
width:728px;
float:left;
padding:0px 27px 0px 35px;
}

.left_wide .ad{
margin:12px 0px;
}

.left p.welcome{
line-height:25px;
}

p.welcome a{
font-size:13px;
}

.right{
float:right;
width:262px;
}

a.insturen{
background:url(images/yellow_button.png) 0 0 no-repeat;
width:235px;
height:35px;
color:#fff;
font-size:13px;
text-align:center;
display:block;
line-height:35px;
margin-top:30px;
font-family: 'Quicksand';
font-weight: 800;
}

#social_wrap{
background:url(images/social_mid.png) 0 0 repeat-y;
width:235px;
height:100%;
}

#social_top{
background:url(images/social_top.png) 0 0 no-repeat;
width:215px;
height:100%;
margin-top:15px;
padding:25px 0px 0px 20px;
}

#social_bottom{
background:url(images/social_bottom.png) 0 0 no-repeat;
width:235px;
height:122px;
}

#social_top p{
padding-right:50px;
font-size:11px;
color:#464646;
}

#social_bottom span{
float:right;
margin:8px 20px 0px 0px;
font-size:18px;
color:#373737;
font-family: 'Quicksand';
font-weight: 400;
}

#social_bottom  img{
margin:8px 3px 0px 0px;
float:right;
clear:both;
}

.ad{
width:728px;
margin:30px 27px 0px 35px;
float:right;
}

.small_ad{
width:468px;
margin:10px 0px 10px 35px;
float:left;
}

.clear{
clear:both;
}

.list ul{
float:left;
width:180px;
list-style:url(images/list_style.png) inside;
}

.list li{
margin-top:10px;
}

#new,#most_viewed{
width:728px;
float:right;
margin:20px 15px 0px 0px;
}

#new h5,#most_viewed h5{
font-size:13px;
color:#010101;
margin-bottom:10px;
font-family: 'Quicksand';
font-weight: 800;
}

#footer{
width:1000px;
background:url(images/footer_bg.png) 0 0 repeat-x;
height:48px;
}

#footer p, #footer a{
font-size:12px;
color:#d1d1d1;
text-align:center;
line-height:45px;
}

#bottom_menu{
margin:10px auto 10px;
text-align: center;
}

#bottom_menu li{
padding-bottom:10px;
display:inline;
}

#bottom_menu li:first-child a{
border:0px;
}

#bottom_menu a{
color:#fff;
font-size:12px;
border-left:1px solid #fff;
padding:0px 7px;
}

.blue{
color:#4972b9;
}

.gedicht_nav{
background-color:#f6f6f6;
height:35px;
width:683px;
padding:10px 30px 0px 15px;
float:left;
}

.gedicht_nav h2{
float:left;
}

.gedicht_nav ul{
float:right;
margin-top:4px;
}

.gedicht_nav li{
float:left;
margin-right:2px;
}

.gedicht_nav a{
background-color:#c2c2c2;
width:17px;
height:17px;
display:block;
text-align:center;
line-height:18px;
color:#fff;
}

.gedicht_nav a.control{
background:none;
width:auto;
text-align:center;
color:#a7a7a7;
margin-left:6px;
margin-right:7px;
}

.gedicht_nav a.active{
background-color:#fcb917;
}

.gedichten{
float:left;
list-style:inside url(images/gedicht_list.png);
margin:12px 0px 0px 0px; 
width:242px;
}

.gedichten_wide{
width:100%;
}

.gedichten_last{
margin-right:0px;}

.gedichten li,.gedichten_wide li{
margin-bottom:10px;
}

.location{
margin:30px 0px 10px 35px;
width:700px;
float:left;
}

.location li{
float:left;
color:#9a9a9a;
font-size:11px;
}

.location li a{
color:#9a9a9a;
font-size:11px;
margin:0px 20px 0px 0px;
}

.location li img{
margin:0px 10px 0px -10px;
}

#gedicht_info{
background-color:#f6f6f6;
border:1px solid #dedede;
width:207px;
margin-top:0px;
height:100%;
}

#gedicht_info .info{
border:1px solid #fff;
width:182px;
padding:0px 0px 20px 25px;
height:100%;
}

#gedicht_info .info p,#gedicht_info .info a{
font-size:12px;
font-weight:normal;
color:#9a9a9a;
clear:both;
margin-top:6px;
}

#gedicht_info .info p.title{
font-weight:bold;
color:#456eb6;
margin-top:25px;
}

.rating{
margin-top:5px;
}

.rating li{
float:left;
}

.left_small{
float:left;
width:425px;
padding:0px 40px 0px 35px;
}

#reacties{
float:right;
width:692px;
margin:0px 63px 0px 0px;
}

#reacties h6{
margin-bottom:30px;
font-weight:bold;
font-size:14px;
color:#646464;
}

#reacties .reactie{
width:692px;
height:100%;
padding:17px 17px 15px 17px;
position:relative;
border:1px solid #d3d3d3;
margin-bottom:10px;
}

#reacties .reactie p{
font-size:12px;
font-style:italic;
color:#9a9a9a;
}

#reacties .reactie p.title,#reacties .reactie p.title a{
font-weight:bold;
font-size:12px;
color:#456eb6;
font-style:normal;
margin-bottom:15px;
}

#reacties textarea{
resize:none;
background-color:#f7f7f7;
border:1px solid #d3d3d3;
margin:5px 0px 10px 0px;
padding:5px;
}

.button{
background:url(images/smallyellowbutton.png) 0 0 no-repeat;
width:146px;
height:29px;
color:#fff;
font-size:12px;
font-family: 'Quicksand';
font-weight: 600;
border:0px;
}

p.gedicht{
color:#7a7a7a;
font-size:14px;
margin-top:30px;
}

#profiel,.gegevens{
height:100%;
width:100%;
float:left;
position:relative;
border:1px solid #afafaf;
margin-bottom:15px;
}

#profiel ul{
float:left;
}

.gegevens ul{
float:left;
clear:both;
margin:0px 0px 15px 25px;
}

#profiel ul.tabs li{
float:left;
}

#profiel ul.tabs li:last-child a{
border-right:0px;
}

#profiel ul.tabs li a{
color:#a0a0a0;
display:block;
border-bottom:1px solid #afafaf;
border-right:1px solid #afafaf;
padding:0px 24px;
height:55px;
line-height:55px;
background-color:#f2f2f2;
z-index:10;
position:relative;
outline:none;
}

#profiel ul.tabs li.active a{
color:#676767;
border-bottom:1px solid #fff;
background-color:#fff;
}

#profiel p,.gegevens p{
padding:0px 0px 15px 25px;
width:600px;
float:left;
font-size:12px;
clear:both;
}

#profiel h4,.gegevens h4{
padding:30px 0px 0px 25px;
float:left;
color:#3a4955;
clear:both;
}

#profiel .nav_add{
border-bottom:1px solid #afafaf;
background-color:#f2f2f2;
width:700px;
position:absolute;
top:0px;
right:0px;
height:55px;
z-index:0;
}

#profiel ul.info{
clear:both;
margin:0px 0px 15px 25px;
}

#profiel ul.info li.title{
width:130px;
}

#profiel ul.info li{
float:left;
margin-bottom:10px;
line-height:25px;
}

input.text{
background:url(images/login_input.png) 0 0 no-repeat;
width:151px;
height:28px;
border:0px;
margin-top:-2px;
padding-left:10px;
color:#666666;
font-size:11px;
}

.submit{
widht:100%;
background:url(images/blue_button.png) 0 0 repeat-x;
height:26px;
border:0px;
color:#fff;
font-size:11px;
font-weight:bold;
margin-top:-2px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:0px 5px;
}

.fout,.goed{
float:left;
clear:both;
margin-bottom:15px;
}

#profiel .fout, #profiel .goed{
margin:0px 0px 15px 25px;
}

.fout{
color:#F00;
}

.goed{
color:#090;
}

.textarea{
resize:none;
background-color:#f7f7f7;
border:1px solid #d3d3d3;
margin:5px 0px 10px 0px;
padding:5px;
}

li.title{
clear:both;
float:left;
width:110px;
list-style:url(images/list_style.png) inside;
}

.gegevens li{
float:left;
margin:0px 20px 5px 0px;
}

li.nolist{
list-style:none !important;
color:#606060 !important;
}

.alle_gedichten li{
color: #606060;
font-size: 12px;
}

.alle_gedichten li.title{
width:200px;
}

.gedichten_wide{
float:left;
list-style:inside url(images/gedicht_list.png);
margin:25px 0px 0px 0px;
}

.gedichten_wide li.title{
width:200px;
}

.gedichten_wide li.list{
width:200px;
list-style:url(images/list_style.png) inside !important;
}

.gedichten_wide li{
float:left;
list-style:none !important;
}

.fav{
margin-left:10px;
}

.favright{
float:right;
margin:10px 10px 0px 0px;
}

.rating .full{
background:url(images/star_full.png) 0 0 no-repeat !important;
width:18px;
height:17px;
display:block;
}

.rating .empty{
background:url(images/star_empty.png) 0 0 no-repeat;
width:18px;
height:17px;
display:block;
}

.rating span{
background:url(images/star_empty.png) 0 0 no-repeat;
width:18px;
height:17px;
display:block;
}

#nieuws{
float:left;
width:340px;
margin:20px 0px 0px 45px;
}

.item{
margin-bottom:15px;
height:100%;
float:left;
}

#facebox{
float:left;
width:340px;
margin:28px 0px 0px 20px;
}